<template>
    <NuxtPage/>
</template>

<script setup>

//import {get} from "./plugin/api";
//
//const getAllCount = async () => {
//  try{
//    const baseUrl = "http://localhost:8093";
//    Promise.all([
//      await get(`${baseUrl}/todo/count`),
//      await get(`${baseUrl}/progress/count`),
//      await get(`${baseUrl}/complete/count`)
//    ]).then((countList) => {
//      const newObj = {};
//      countList.map(item => {
//        const keys = Object.keys(item);
//        newObj[keys[0]] = item[keys[0]];
//      })
//      coutObj.value = newObj;
//    })
//
//    // const data = await get(`${baseUrl}/news/list`);
//
//    // newsList.value = data;
//    // console.log(newsList.value)
//  }catch (err){
//    console.log(err);
//  }
//}

</script>

<style>
    /* global styles */

    @media (min-width: 1300px) {
      .row{
        padding: 0 3rem;
      }
    }

    .task-content{
      /* padding:1rem; */
      margin:0.5rem;
      /*border:1px solid #efefef;
      height: auto;*/
    }

    .content{
      height: 24rem;
    }


    @media (max-width: 1080px) {
      .content{
        height: 27rem;
      }
    }


   /*
    @media (max-width: 578px) {
      .content{
        height: 23rem;
      }
    }*/


    .text-show{
       text-align: center;
      /* padding: 0 45px;n */
    }

    /*
    @media (min-width: 780px) {
      .btn_op button{
        margin-right: 1rem;
      }
    }

    @media (max-width: 780px) {
      .btn_op button{
        margin-right: 1rem;
      }
    }
    */

    .btn_op button{
      margin-right: 1rem;
    }

    .news{
      margin: 1rem 0;
    }

    .newsContent{
      height: 18rem;
      overflow: hidden;
    }


    @media (max-width: 578px) {
      .newsContent{
        height: 12rem;
        overflow: hidden;
      }

    }

</style>
